/*
 * html中写入下面代码
 <img id="pic" style="width:100px;height:100px;" src="/images/timg.jpg">
  <input id="upload" name="files" accept="image/*" type="file" style="display: none">*/

$("#pic").click(function () {
    $("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
    $("#upload").on("change", function () {
        var objUrl = getObjectURL(this.files[0]); //获取图片的路径，该路径不是图片在本地的路径
        if (objUrl) {
            $("#pic").attr("src", objUrl); //将图片路径存入src中，显示出图片
        }
    });
});


//建立一?可存取到?file的url
function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) { // basic
        url = window.createObjectURL(file);
    } else if (window.URL != undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}
